<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人信息页面</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/mygrxx.css" />
	</head>
	<body>
		<!------------------------------head------------------------------>
		<div class="head">
			<div class="wrapper clearfix">
				<div class="clearfix" id="top">
					<h1 class="fl">
					<a href="index.html"><img src="../img/logo.png" /></a>
				</h1>
					<div class="fr clearfix" id="top1">

						<p class="fl">
							<a href="user/mygxin.html" id="login">apple</a>
							<a href="userServlet?task=logout">退出</a>
						</p>

						<form action="" method="" class="fl">
							<input type="text" placeholder="热门搜索：干花花瓶" name="key" style="line-height: 30px" /> <input type="submit" style="margin-top: -30px;" value="" />
						</form>
						<div class="btn fl clearfix">
							<a href="user/mygxin.jsp"><img src="../img/grzx.png" /></a>
							<a href="#" class="er1"><img src="../img/ewm.png" /></a>
							<a href="user/cart.jsp"><img src="../img/gwc.png" /></a>
							<p>
								<a href="#"><img src="../img/smewm.png" /></a>
							</p>
						</div>
					</div>
				</div>
				<ul class="clearfix" id="bott">
					<li>
						<a href="index.jsp">首页</a>
					</li>
					<li>
						<a id="all" href="index.jsp" style="cursor: pointer">所有商品</a>
						<div class="sList"></div>
					</li>
					<li>
						<a id=6 style="cursor: pointer" href="mcServlet?task=typeMc&mcTypeId=6">装饰摆件</a>
						<div class="sList2" id="s6"></div>
					</li>
					<li>
						<a href="" style="cursor: pointer" id="7">布艺软饰</a>
						<div class="sList2"></div>
					</li>
					<li>
						<a href="">墙式壁挂</a>
					</li>
					<li>
						<a href="">蜡艺香薰</a>
					</li>
					<li>
						<a href="">创意家居</a>
					</li>
				</ul>
			</div>
		</div>
		<!------------------------------idea------------------------------>
		<div class="address mt">
			<div class="wrapper clearfix">
				<a href="index.jsp" class="fl">首页</a> <span>/</span>
				<a href="user/mygrxx.jsp" class="on">个人信息</a>
			</div>
		</div>

		<!------------------------------Bott------------------------------>
		<div class="Bott">
			<div class="wrapper clearfix">
				<div class="zuo fl">
					<h3>
						<a href="#"><img src="../img/time.jpg" /></a>

					<p class="clearfix">
						<span class="fl">apple</span><span class="fr"
							onclick="logout()">[退出登录]</span>
					</p>
				</h3>
					<div>
						<h4>我的交易</h4>
						<ul>
							<li>
								<a href="">我的购物车</a>
							</li>
							<li>
								<a href="">我的订单</a>
							</li>
						</ul>
						<h4>个人中心</h4>
						<ul>
							<li>
								<a href="user/mygxin.jsp">我的中心</a>
							</li>
							<li>
								<a href="addressServlet?task=select">地址管理</a>
							</li>
						</ul>
						<h4>账户管理</h4>
						<ul>
							<li class="on">
								<a href="">个人信息</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="you fl">
					<h2>个人信息</h2>
					<div class="gxin">
						<div class="tx">
							<a>
								<img src="../img/time.jpg" />
							
								<p id="avatar" style="cursor: pointer">修改头像</p>
							</a>
						</div>
						<div class="xx">
							<h3 class="clearfix">
							<strong class="fl">基础资料</strong><a class="fr" id="edit1"
								style="cursor: pointer">编辑</a>
						</h3>
							<div>姓名：张三</div>
							<div>生日：12月1号</div>
							<div>性别：男</div>
							<div>电话：1234568871</div>

						</div>
					</div>
				</div>
			</div>
		</div>
		<!--遮罩-->
		<div class="mask"></div>
		<!--编辑弹框-->
		<div class="bj">
			<div class="clearfix">
				<a class="fr gb"><img src="../img/icon4.png" /></a>
			</div>
			<h3>编辑基础资料</h3>
			<form action="" method="">
				<p>
					<label>姓名：</label><input type="text" value="张三" name="name" />
				</p>
				<p>
					<label>生日：</label><input type="text" name="birthday" class="Wdate" style="cursor: pointer" onclick="WdatePicker()" value="12月1日" />
				</p>
				<p>
					<label>性别：</label> <span><input type="radio" name="sex"
					value="男" />男</span> <span><input type="radio" name="sex"
					value="女" />女</span>
				</p>
				<p>
					<label>电话：</label><input type="text" name="phone" value="1234568871" />
				</p>

				<div class="bc">
					<input type="submit" value="修改" style="cursor: pointer" /> <input type="button" value="取消" />
				</div>
			</form>
		</div>
		<!--修改头像-->
		<div class="avatar">
			<div class="clearfix">
				<a class="fr gb"><img src="../img/icon4.png" /></a>
			</div>
			<h3>修改头像</h3>

			<form action="ChangePicServlet" method="post" enctype="multipart/form-data">
				<h4>请上传图片</h4>
				<span id="uploadImg"> <input type="file" id="filevalue"
				size="1" name="userPic" /> <input type="button" value="上传头像" />
			</span>
				<p>jpg或png，大小不超过2M</p>
				<input type="text" name="id" value="${user.id }" style="display: none" />
				<input type="submit" value="修改头像" style="cursor: pointer" />
			</form>
		</div>

		<script src="../js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/user.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			function logout() {
				
			}
		</script>
	</body>
</html>
